<ion-header>
  <ion-toolbar>
    <ion-icon name="chevron-back-outline" class="back_icon" (click)="backToPrevPage()"></ion-icon>
    <ion-title>{{'auth.agreement.title' | translate}}</ion-title>
  </ion-toolbar>
</ion-header>
<ion-content>
  <h5 class="agreement_title">{{agreementTitle}}</h5>
  <div class="agreement_content" [innerHTML]='content | html' [hidden]="!showContent"></div>
</ion-content>
<ion-footer class="ion-no-border">
  <ion-toolbar>
    <ion-button color="primary" expand="full" [disabled]="btnDisabled" (click)="agreeAgreement()" [hidden]="onlyLook">
        I Agree  <span *ngIf="readSeconds>0">({{readSeconds}}s)</span>
    </ion-button>
  </ion-toolbar>
</ion-footer>